<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品展示</title>
    <link rel="shortcut icon" href="/public/img/favicon.ico">
    <link rel="stylesheet" href="/public/css/reset.css">
    <link rel="stylesheet" href="../public/css/product.css">
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
</head>
<body>
<div id="header">
    <img src="public/img/header1.png">
    <h1>缘色新材料家具</h1>
    <a href="">免费服务热线：400-6067-176</a>
    <ul>
        <li><a href="./">首页</a></li>
        <li><a href="./us.html">关于我们</a></li>
        <li id="product"><a href="./product.html">产品展示</a></li>
        <li><a href="./new.html">新闻资讯</a></li>
        <li id="board"><a href="./relate.html">联系我们</a></li>
    </ul>
    <div id="displayB">
        <div id="display">
            <ul>
                <p></p>
                <p></p>
                <li><a href="">浴室柜</a></li>
                <p></p>
                <li> <a href="">鞋柜</a></li>
                <p></p>
                <li><a href="">洗衣机柜</a></li>
            </ul>
        </div>
    </div>
    <div id="noteB">
        <div id="note">
            <ul>
                <p></p>
                <p></p>
                <p></p>
                <li style="margin: 5px;"><a href="./note.html">留言板</a></li>
            </ul>
        </div>
    </div>
</div>
<div id="slide">
    <img src="public/img/product.jpg">
</div>
<div id="middle1">
    <div id="character">
        <p class="tese">特色产品</p>
        <div id="line"><img src="public/img/special.png"> </div>
        <p>源于欧洲的设计符号，通过科技与新技术的重新演绎，再次成就经典。缘色新材料全铝家居，
            遵循：“生命与自然的完美结合”的最高理想引领未来先锋时尚，倾情打造新时代专项全铝生活，成就品质生活新典范。</p>

    </div>
    <div id="middle1L">
        <img src="public/img/middleL.jpg">
    </div>
    <div id="middle1M">
        <img src="public/img/middleM.jpg">
    </div>
    <div id="middle1R">
        <img src="public/img/middleR.jpg">
    </div>
    <div id="qiantao1"></div>
    <div id="qiantao2"></div>
    <div id="qiantao3"></div>
</div>
<div id="middle2">
    <div id="usAdg">
    <h5 style="color: #F13A3A;font-size: 26px;">我们的优势</h5>
    </div>
    <div id="adg">
    <span style="font-size: 16px;color: #C0C0C0;">Our advantage</span>
    </div>
    <div id="write">
    <p style="font-size: 14px;color: #949494">以最合理的价格、最完善的服务，提供最优秀的产品以客户需求为导向，
        以提高客户生产效率及质量为目标，不断引进国外先进技术同产品，为客户带来更为全面的现场解决方案。</p>
    </div>
</div>
<div id="bottom">
    <div id="bottomHeader">
       <ul>
           <li class="color one">浴室柜</li>
           <li class="two">鞋柜</li>
           <li class="three">洗衣柜</li>

       </ul>
    </div>
    <div id="bottomPro">
        <div id="bP1"><img src="public/img/1.png"></div>
        <div id="tip1">
            <p style="text-align: center;color: #666666;font-size: 14px;">浴室柜系列1</p>
        </div>
        <div id="bP2"><img src="public/img/2.png"></div>
        <div id="tip2">
            <p style="text-align: center;color: #666666;font-size: 14px;">浴室柜系列2</p>
        </div>
        <div id="bP3"><img src="public/img/3.png"></div>
        <div id="tip3">
            <p style="text-align: center;color: #666666;font-size: 14px;">浴室柜系列3</p>
        </div>
        <div id="bP4"><img src="public/img/4.png"></div>
        <div id="tip4">
            <p style="text-align: center;color: #666666;font-size: 14px;">浴室柜系列4</p>
        </div>
        <div id="bP5"><img src="public/img/5.png"></div>
        <div id="tip5">
            <p style="text-align: center;color: #666666;font-size: 14px;">浴室柜系列5</p>
        </div>
        <div id="bP6"><img src="public/img/6.png"></div>
        <div id="tip6">
            <p style="text-align: center;color: #666666;font-size: 14px;">浴室柜系列6</p>
        </div>
    </div>
    <div id="bottomNav">
        <ul>
            <li>推拉门</li>
            <li>平开门</li>
            <li>断桥铝窗</li>

        </ul>
    </div>
    <div id="bottomPro2">

        <div id="bN1"><img src="public/img/7.png"></div>
        <div id="tip7">
            <p style="text-align: center;color: #666666;font-size: 14px;">澳洲红木</p>
        </div>
        <div id="bN2"><img src="public/img/8.png"></div>
        <div id="tip8">
            <p style="text-align: center;color: #666666;font-size: 14px;">宝马金</p>
        </div>
        <div id="bN3"><img src="public/img/9.png"></div>
        <div id="tip9">
            <p style="text-align: center;color: #666666;font-size: 14px;">红酸枝2</p>
        </div>
        <div id="bN4"><img src="public/img/10.png"></div>
        <div id="tip10">
            <p style="text-align: center;color: #666666;font-size: 14px;">晶泳白</p>
        </div>
        <div id="bN5"><img src="public/img/11.png"></div>
        <div id="tip11">
            <p style="text-align: center;color: #666666;font-size: 14px;">哑光黑</p>
        </div>
        <div id="bN6"><img src="public/img/12.png"></div>
        <div id="tip12">
            <p style="text-align: center;color: #666666;font-size: 14px;">亚光黑</p>
        </div>

    </div>
</div>
<div id="dibu">
    <span>缘色新材料家具</span>
    <p>高端全铝家居，为用户提供个性化定制需求。</p>
    <a>免费服务热线：400-6067-176</a>
    <p1 style="cursor:pointer;">山东缘色新材料有限公司 | 鲁ICP备18021872号-1</p1>
</div>
</body>
</html>
<script src="../public/js/slide.js"></script>